.card {
	border-radius: 10px;
}

.card__header {
	border-bottom: 1px solid #808285;
	user-select: none;
	margin: 0;
}

.card__expand-button {
	border: 0;
	background-color: transparent;
	width: 100%;
	text-align: left;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	text-transform: inherit;
	padding: 18px 0;
	position: relative;
}

.card__expand-button:after {
	content: '';
	position: absolute;
	background: url("/mvk/jakarta.faces.resource/images/icons/arrow-blue.svg.xhtml") no-repeat;
	top: calc(50% - 10px);
	right: 10px;
	transform: scale(1, -1);
	width: 21px;
	height: 18px;
	background-size: contain;
	padding: 2px 0px 0px 0px;
    background-position: center;
}

.card__expand-button[aria-expanded="true"]:after {
	transform: none;
}

.card__content {
	margin-top: 16px;
}

.expand-open-message{
	position: absolute;
	bottom: 10px;
}

.card__expand-button--bottom50 {
	bottom: 32px;
}

@media (min-width: 768px) {
	.card {
		box-shadow: 0 2px 4px 0 rgba(30,30,30,.3);
		border-top: 5px solid #c12143;
		border-radius: 5px;
	}

	.card__header {
		border-bottom: 1px solid #ebebeb;
	}
}